<template>
  <div>
    <div>
      <van-nav-bar title="智慧管家"
                   class="title"></van-nav-bar>
      <!-- <hr> -->
      <span class="svg-container">
      </span>
      <function-firstline></function-firstline>
      <function-secondline></function-secondline>
      <FunctionPicture />
      <Notice></Notice>
    </div>
  </div>
</template>

<script>
import Notice from '../components/Property/Notice'
import FunctionFirstline from '@/components/Property/FunctionFirstline.vue'
import FunctionSecondline from '@/components/Property/FunctionSecondLine.vue'
import FunctionPicture from '@/components/Property/FunctionPicture.vue'
export default {
  name: 'Property',
  data () {
    return {
      index: 1
    }
  },
  components: {
    Notice,
    FunctionFirstline,
    FunctionSecondline,
    FunctionPicture
  }
}
</script>

<style scoped>
/* .title {
  text-align: center;
  vertical-align: middle;
  height: 6%;
  background: rgb(114, 202, 205);
  color: white;
} */
.van-nav-bar {
  background-color: rgb(114, 202, 205);
}
::v-deep .van-icon,
::v-deep .van-nav-bar__text,
::v-deep .van-ellipsis {
  color: #fff;
}
</style>
